<script setup>
import AppFooter from "@/components/debris/AppFooter.vue";
import { useRouter } from 'vue-router';
import {onMounted, reactive} from "vue";
import {getSystemByCode} from "../../api/basal.js";
import {ResultEnums} from "@/enums/ResultStatusEnums.js";
const system = reactive({image:'@/assets/images/app-logo.svg',systemName:'名字在嘴边'})
const router = useRouter();
onMounted(() => {
  getSystemByCode(import.meta.env.VITE_SYSTEM_CODE).then(result => {
    system.value = result.code === ResultEnums.SUCCESS ? result.data : system.value;
  })
})
function rePage(e){
  e.preventDefault();
  router.go(-1);
}
</script>

<template>
  <div class="container mb-5">
    <div class="row">
      <div class="col-12 col-md-11 col-lg-7 col-xl-6 mx-auto">
        <div class="app-branding text-center mb-5">
          <a class="app-logo" href="../../../index.html"><img class="logo-icon me-2" src="../../assets/images/app-logo.svg" alt="logo">
            <span class="logo-text">{{ system.systemName }}</span></a>
        </div><!--//app-branding-->
        <div class="app-card p-5 text-center shadow-sm">
          <h1 class="page-title mb-4">404<br><span class="font-weight-light">请求页面未发现</span></h1>
          <div class="mb-4">
             抱歉，您访问的页面走失了...
          </div>
          <a class="btn app-btn-primary" href="#" @click="rePage">返回上一页</a>
        </div>
      </div><!--//col-->
    </div><!--//row-->
  </div><!--//container-->
  <AppFooter/>
</template>

<style scoped>

</style>